<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title th:text="#{web.name}">后台管理系统</title>

	<!-- Global stylesheets -->
	<link href="../static/assets/css/icons/icomoon/styles.css" th:href="@{/assets/css/icons/icomoon/styles.css}" rel="stylesheet" type="text/css" />
	<link href="../static/assets/css/bootstrap.css" th:href="@{/assets/css/bootstrap.css}" rel="stylesheet" type="text/css" />
	<link href="../static/assets/css/core.css" th:href="@{/assets/css/core.css}" rel="stylesheet" type="text/css" />
	<link href="../static/assets/css/components.css" th:href="@{/assets/css/components.css}" rel="stylesheet" type="text/css" />
	<link href="../static/assets/css/colors.css" th:href="@{/assets/css/colors.css}" rel="stylesheet" type="text/css" />
	<link href="../static/assets/css/extras/animate.min.css" th:href="@{/assets/css/extras/animate.min.css}" rel="stylesheet" type="text/css" />
	
	<!-- /global stylesheets -->

	<!-- Core JS files -->
	<script type="text/javascript" src="../static/assets/js/plugins/loaders/pace.min.js" th:src="@{/assets/js/plugins/loaders/pace.min.js}" ></script>
	<script type="text/javascript" src="../static/assets/js/core/libraries/jquery.min.js" th:src="@{/assets/js/core/libraries/jquery.min.js}" ></script>
	<script type="text/javascript" src="../static/assets/js/core/libraries/bootstrap.min.js" th:src="@{/assets/js/core/libraries/bootstrap.min.js}" ></script>
	<!-- /core JS files -->


	<!-- Theme JS files -->
	<script type="text/javascript" src="../static/assets/js/core/app.js" th:src="@{/assets/js/core/app.js}" ></script>
	<!-- /theme JS files -->

</head>

<body class="login-cover">

	<!-- Page container -->
	<div class="page-container login-container">

		<!-- Page content -->
		<div class="page-content">

			<!-- Main content -->
			<div class="content-wrapper fadeIn animated">

				<!-- Simple login form -->
				<form action="#" method="post" th:action="@{/login}">
					<div class="panel panel-body login-form">
						<div class="text-center">
							<div class="icon-object border-slate-300 text-slate-300"><i class="icon-home"></i></div>
							<h5 class="content-group"><span th:text="#{web.name}">管理系统</span><small
									class="display-block">请输入账号密码</small></h5>
						</div>
						<div class="alert alert-danger no-border"  th:if="${not #strings.isEmpty(message)}">
							<button type="button" class="close" data-dismiss="alert"><span>&times;</span><span class="sr-only">Close</span></button>
							<span class="text-semibold" th:text="${message}">Morning!</span>
						</div>
						<div class="form-group has-feedback has-feedback-left">
							<input name="name" type="text" class="form-control" placeholder="用户名/手机号" />
							<div class="form-control-feedback">
								<i class="icon-user text-muted"></i>
							</div>
						</div>

						<div class="form-group has-feedback has-feedback-left">
							<input name="password" type="password" class="form-control" placeholder="密码" />
							<div class="form-control-feedback">
								<i class="icon-lock text-muted"></i>
							</div>
						</div>

						<div class="form-group">
							<button type="submit" class="btn btn-primary btn-block">登陆 <i class="icon-circle-right2 position-right"></i></button>
						</div>

						
					</div>
				</form>
				<!-- /simple login form -->

			</div>
			<!-- /main content -->

		</div>
		<!-- /page content -->


		<!-- Footer -->
		<div class="footer text-muted">
			&copy; 2017. <a href="#" th:text="#{web.name}">后台管理系统</a>
		</div>
		<!-- /footer -->

	</div>
	<!-- /page container -->

</body>
</html>
